﻿
<div id="IndexPageDonViAddUp">
    <div id="page_don_vi_TableContainer"></div>
</div>
<script type="text/javascript">

    $(document).ready(function () {



        $("#IndexPageDonViAddUp").css('width', $(window).width() - 5);
        $("#IndexPageDonViAddUp").height($(window).height() - 100);

        $("#IndexPageDonViAddUp").mask("Đang tải dữ liệu");

        $('#page_don_vi_TableContainer').jtable({

            title: 'DS ĐƠN VỊ',
            openChildAsAccordion: true,
            actions: {
                listAction: _nameSubDomain + '/Danhmuc/ListDonVi',
                deleteAction: function (postData) {
                    console.log("deleting from custom function...");
                    return $.Deferred(function ($dfd) {

                        $("#IndexPageDonViAddUp").mask("Dữ liệu đang được xóa");

                        $.ajax({
                            url: _nameSubDomain + '/Danhmuc/DeleteDonVi',
                            type: 'POST',
                            dataType: 'json',
                            data: postData,
                            success: function (data) {

                                $dfd.resolve(data);
                                setTimeout(function () { $("#IndexPageDonViAddUp").unmask(); }, 600);

                            },
                            error: function () {
                                $dfd.reject();
                            }
                        });
                    });
                }
            },
            toolbar: {
                hoverAnimation: true, //Enable/disable small animation on mouse hover to a toolbar item.
                hoverAnimationDuration: 60, //Duration of the hover animation.
                hoverAnimationEasing: undefined, //Easing of the hover animation. Uses jQuery's default animation ('swing') if set to undefined.
                items: [
                    {
                        icon: _nameSubDomain + '/Content/images/add.png',
                        text: 'Thêm mới đơn vị',
                        click: function () {
                            _openWinDowAdDonVi();
                        }
                    }
                ] //Array of your custom toolbar items.
            },
            fields: {
                MA: {
                    key: true,
                    edit: false,
                    create: false,
                    //list:false,
                    width: '3%',
                    display: function (tbData) {
                        var $img = $('<img src="' + _nameSubDomain + '/Content/images/1356080636_cog.png" style="cursor:pointer;" title="Thông tin tổ quản lý" />');
                        //Open child table when user clicks the image
                        $img.click(function () {
                            $('#page_don_vi_TableContainer').jtable('openChildTable',
                                   $img.closest('tr'), //Parent row
                                   {
                                       title: 'Tổ quản lý của đơn vị ' + tbData.record.TEN,
                                       toolbar: {
                                           hoverAnimation: true, //Enable/disable small animation on mouse hover to a toolbar item.
                                           hoverAnimationDuration: 60, //Duration of the hover animation.
                                           hoverAnimationEasing: undefined, //Easing of the hover animation. Uses jQuery's default animation ('swing') if set to undefined.
                                           items: [
                                               {
                                                   icon: _nameSubDomain + '/Content/images/add.png',
                                                   text: 'Thêm mới tổ quản lý',
                                                   click: function () {
                                                       _openWinDowAddToQl(tbData.record.MA, tbData.record.TEN);
                                                   }
                                               }
                                           ] //Array of your custom toolbar items.
                                       },
                                       actions: {
                                           listAction: _nameSubDomain + '/Danhmuc/ListToQuanLy?maDV=' + tbData.record.MA,
                                           //deleteAction: _nameSubDomain + '/Danhmuc/DeleteToQuanLy',
                                           deleteAction: function (postData) {
                                               console.log("deleting from custom function...");
                                               return $.Deferred(function ($dfd) {

                                                   $("#IndexPageDonViAddUp").mask("Dữ liệu đang được xóa");

                                                   $.ajax({
                                                       url: _nameSubDomain + '/Danhmuc/DeleteToQuanLy',
                                                       type: 'POST',
                                                       dataType: 'json',
                                                       data: postData,
                                                       success: function (data) {

                                                           $dfd.resolve(data);
                                                           setTimeout(function () { $("#IndexPageDonViAddUp").unmask(); }, 600);

                                                       },
                                                       error: function () {
                                                           $dfd.reject();
                                                       }
                                                   });
                                               });
                                           }

                                       },
                                       fields: {
                                           MA: {
                                               key: true,
                                               //create: false,
                                               //edit: false,
                                               list: true,
                                               //title: 'Mã MVT',
                                               width: '3%',
                                               display: function (tbDatapx) {
                                                   var $img_tokt = $('<img src="' + _nameSubDomain + '/Content/images/house.png" width="16px" style="cursor:pointer;" title="Xem thông tin phường xã của tổ quản lý" />');
                                                   //Open child table when user clicks the image
                                                   $img_tokt.click(function () {
                                                       $('#page_don_vi_TableContainer').jtable('openChildTable',
                                                              $img_tokt.closest('tr'), //Parent row
                                                              {
                                                                  title: 'DS PHƯỜNG XÃ của tổ ' + tbDatapx.record.TEN,
                                                                  toolbar: {
                                                                      hoverAnimation: true, //Enable/disable small animation on mouse hover to a toolbar item.
                                                                      hoverAnimationDuration: 60, //Duration of the hover animation.
                                                                      hoverAnimationEasing: undefined, //Easing of the hover animation. Uses jQuery's default animation ('swing') if set to undefined.
                                                                      items: [
                                                                          {
                                                                              icon: _nameSubDomain + '/Content/images/add.png',
                                                                              text: 'Thêm mới phường xã',
                                                                              click: function () {
                                                                                  _openWinDowAddPhuongXa(tbData.record.MA, tbData.record.TEN, tbDatapx.record.MA, tbDatapx.record.TEN);
                                                                              }
                                                                          }
                                                                      ] //Array of your custom toolbar items.
                                                                  },
                                                                  actions: {
                                                                      listAction: _nameSubDomain + '/Danhmuc/ListPhuongXaByTo?toQl=' + tbDatapx.record.MA,
                                                                      //updateAction: _nameSubDomain + '/Danhmuc/UpdatePortCauHinh',
                                                                      deleteAction: function (postData) {
                                                                          console.log("deleting from custom function...");
                                                                          return $.Deferred(function ($dfd) {

                                                                              $("#IndexPageDonViAddUp").mask("Dữ liệu đang được xóa");

                                                                              $.ajax({
                                                                                  url: _nameSubDomain + '/Danhmuc/DeletePXToQuanLy?maTOKT=' + tbDatapx.record.MA,
                                                                                  type: 'POST',
                                                                                  dataType: 'json',
                                                                                  data: postData,
                                                                                  success: function (data) {

                                                                                      $dfd.resolve(data);
                                                                                      setTimeout(function () { $("#IndexPageDonViAddUp").unmask(); }, 600);

                                                                                  },
                                                                                  error: function () {
                                                                                      $dfd.reject();
                                                                                  }
                                                                              });
                                                                          });
                                                                      }

                                                                  },
                                                                  fields: {
                                                                      MA_PHUONG: {
                                                                          key: true,
                                                                          create: false,
                                                                          edit: false,
                                                                          list: false,
                                                                          //title: 'Mã MVT',
                                                                          //width: '20%'
                                                                      },
                                                                      TEN_PHUONG: {
                                                                          title: 'Tên Phường',
                                                                          width: '30%',
                                                                          //edit: false,
                                                                      },
                                                                      MA_QUAN: {
                                                                          title: 'Quận/Huyện',
                                                                          edit: false,
                                                                          width: '30%',
                                                                          display: function (data) {
                                                                              if (data.record.MA_QUAN == null) return "";
                                                                              else return Get_quanhuyen_ById(data.record.MA_QUAN).TEN_QUAN;
                                                                          }
                                                                      },
                                                                      CLAT: {
                                                                          title: 'Lat',
                                                                          edit: false,
                                                                          width: '20%'
                                                                      },
                                                                      CLONG: {
                                                                          title: 'Long',
                                                                          width: '20%'
                                                                      },
                                                                      GHICHU: {
                                                                          title: 'Ghi Chú',
                                                                          edit: false,
                                                                          width: '20%'
                                                                      },
                                                                      UPDATE: {
                                                                          display: function (data) {
                                                                              return '<button title="Edit Record" onclick="return _UpdatePhuongXaByRo(\'' + data.record.MA_PHUONG + '\', \'' + tbData.record.MA + '\',\'' + tbData.record.TEN + '\',\'' + tbDatapx.record.MA + '\',\'' + tbDatapx.record.TEN + '\')" class="jtable-command-button jtable-edit-command-button"><span></span></button>';
                                                                          },
                                                                          create: false,
                                                                          edit: false,
                                                                          width: '3%'
                                                                      },

                                                                  }
                                                              }, function (data) { //opened handler
                                                                  data.childTable.jtable('load');
                                                              });
                                                   });
                                                   //Return image to show on the person row
                                                   return $img_tokt;
                                               }
                                           },
                                           TEN: {
                                               title: 'Tên Tổ KT',
                                               width: '30%'
                                           },
                                           TOTRUONG: {
                                               title: 'Tổ Trưởng',
                                               width: '30%'
                                           },
                                           LIENHE: {
                                               title: 'Liên Hệ',
                                               width: '20%'
                                           },
                                           UPDATE: {
                                               display: function (data) {
                                                   return '<button title="Edit Record" onclick="return _UpdateToKyThuat(\'' + data.record.MA + '\', \'' + tbData.record.TEN + '\')" class="jtable-command-button jtable-edit-command-button"><span></span></button>';
                                               },
                                               create: false,
                                               edit: false,
                                               width: '3%'
                                           },
                                       }
                                   }, function (data) { //opened handler
                                       data.childTable.jtable('load');
                                   });
                        });
                        //Return image to show on the person row
                        return $img;
                    }
                },
                TEN: {
                    title: 'Tên ĐV',
                    width: '25%'
                },
                
                LANHDAO: {
                    title: 'Lãnh Đạo',
                    width: '15%'
                },
                LIENHE: {
                    title: 'Liên Hệ',
                    width: '15%'
                },
                UPDATE: {
                    display: function (data) {
                        return '<button title="Edit Record" onclick="return _UpdateDonViPage(\'' + data.record.MA + '\')" class="jtable-command-button jtable-edit-command-button"><span></span></button>';
                    },
                    create: false,
                    edit: false,
                    width: '3%'
                },


            },
            //Initialize validation logic when a form is created
            formCreated: function (event, data) {
                //data.form.find('input[name="TEN"]').addClass('validate[required]');
                data.form.validationEngine();
            },

        });

        $('#page_don_vi_TableContainer').jtable('load');

        setTimeout(function () { $("#IndexPageDonViAddUp").unmask(); }, 3000);

    });

    function _openWinDowAdDonVi() {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/AddDonVi", "window_addupdate_donvi_page", "Thêm thông tin đơn vị", 600, 300);

    }

    function _UpdateDonViPage(id) {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/UpdateDonVi?maDV=" + id, "window_addupdate_donvi_page", "Cập nhật thông tin đơn vị", 600, 300);

    }


    function _openWinDowAddToQl(id, name) {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/AddTOKT?maDV=" + id + "&nameDv=" + name, "window_addupdate_tokt_page", "Cập nhật thông tin tổ kỹ thuật của đơn vị " + name , 600, 330);
         
    }

    function _UpdateToKyThuat(idTo, NameDv) {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/UpdateTOKT?toktId=" + idTo + "&nameDv=" + NameDv, "window_addupdate_tokt_page", "Cập nhật thông tin tổ kỹ thuật của đơn vị " + name, 600, 330);

    }

    function _openWinDowAddPhuongXa(madv, nameDv, matokt, tentokt) {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/AddPhuongXaToKy?madV=" + madv +"&nameDv=" + nameDv + "&toktId=" + matokt + "&nameTOKT=" + tentokt, "window_addupdate_phuongxa_page", "Cập nhật thông tin phường xã của tổ kỹ thuật " + tentokt, 600, 270);

    }

    function _UpdatePhuongXaByRo(maPhuong, madv, nameDv, matokt, tentokt) {

        loadwindowOnContent(_nameSubDomain + "/Danhmuc/UpdatePhuongXaToKy?maPhuong=" + maPhuong + "&madV=" + madv + "&nameDv=" + nameDv + "&toktId=" + matokt + "&nameTOKT=" + tentokt, "window_addupdate_phuongxa_page", "Cập nhật thông tin phường xã của tổ kỹ thuật " + tentokt, 600, 270);

    }

</script>
